<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/personal-center.css" />
	</head>

	<body>
		<div id="header"></div>
		<div class="personal-bg">
			<div class="container clearfix">
				<div class="personal-tit">
					<a href="home-page.html">首页</a>
					<span class="icon-righthollo"></span>
					<span>个人中心</span>
				</div>
				<!--左边复选框↓-->
				<div class="personal-leftlist fl">
					<div class="personal-sideitem">
						<div class="personal-headtxt">账号管理</div>
						<ul>
							<li>
								<a href="#" class="active">个人中心</a>
							</li>
							<li>
								<a href="#">消息通知</a>
							</li>
							<li>
								<a href="account-information.html">账号中心</a>
							</li>
							<li>
								<a href="#">地址管理</a>
							</li>
							<li>
								<a href="#">账号安全</a>
							</li>
							<li>
								<a href="#">我的积分</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="#">我的足迹</a>
							</li>
							<li>
								<a href="#">我的甄选家</a>
							</li>
						</ul>
					</div>
					<div class="personal-sideitem">
						<div class="personal-headtxt">交易管理</div>
						<ul>
							<li>
								<a href="#">订单管理</a>
							</li>
							<li>
								<a href="#">我的红包</a>
							</li>
							<li>
								<a href="#">优惠券</a>
							</li>
							<li>
								<a href="#">礼品卡</a>
							</li>
							<li>
								<a href="#">优先购</a>
							</li>
							<li>
								<a href="#">我的众筹</a>
							</li>
						</ul>
					</div>
					<div class="personal-sideitem">
						<div class="personal-headtxt">服务中心</div>
						<ul>
							<li>
								<a href="#">售后记录</a>
							</li>
							<li>
								<a href="#">价格保护</a>
							</li>
							<li>
								<a href="#">帮助中心</a>
							</li>
						</ul>
					</div>
				</div>
				<!--左边复选框↑-->
				<div class="personal-rightlist fl">
					<div class="personal-userInfo clearfix">
						<div class="personal-userInfo-l fl">
							<div class="personal-infowrap">
								<a href="#">
									<img src="img/personal-headportrait.jpg" alt="" />
								</a>
								<div class="personal-name">
									<div class="nick-name">桨声灯影里</div>
								</div>
							</div>
							<div class="personal-infogrow">
								<div class="personal-grownum clearfix">
									<span class="fl">
										<a href="#">成长值 >></a>
									</span>
									<span class="fr">
										<span>0</span>
									<span>/</span>
									<span>1</span>
									</span>
								</div>
								<div class="personal-process">
									<div class="personal-num"></div>
								</div>
							</div>
						</div>
						<div class="personal-userInfo-r fl clearfix">
							<div class="personal-userInfo-r-item fl clearfix">
								<div class="personal-label fl">
									我的红包
								</div>
								<div class="personal-content fl">
									<a href="#">
										<span>¥</span>
										<span>0.00</span>
									</a>
								</div>
							</div>
							<div class="personal-userInfo-r-item fl clearfix">
								<div class="personal-label fl">
									优惠券
								</div>
								<div class="personal-content fl">
									<a href="#">
										<span>0</span>
										<span>张</span>
									</a>
								</div>
							</div>
							<div class="personal-userInfo-r-item fl clearfix">
								<div class="personal-label fl">
									可兑返利
								</div>
								<div class="personal-content fl">
									<a href="#">
										<span>¥</span>
										<span>0.00</span>
									</a>
								</div>
							</div>
							<div class="personal-userInfo-r-item fl clearfix">
								<div class="personal-label fl">
									礼品卡
								</div>
								<div class="personal-content fl clearfix">
									<a href="#" class="lipin-b fl">
										<span>¥</span>
										<span>0.00</span>
									</a>
									<i class="icon-kaiyan fl"></i>
									<a href="#" class="lipin-n fl">
										****
									</a>
									<i class="icon-biyan fl"></i>
								</div>
							</div>
							<div class="personal-userInfo-r-item fl clearfix">
								<div class="personal-label fl">
									我的积分
								</div>
								<div class="personal-content fl">
									<a href="#">
										<span>0</span>
									</a>
								</div>
							</div>
							<div class="personal-userInfo-r-item fl clearfix">
								<div class="personal-label fl">
									待领礼包
								</div>
								<div class="personal-content fl">
									<a href="#">
										<span>0</span>
										<span>个</span>
									</a>
								</div>
							</div>
						</div>
					</div>
					<div class="personal-vip relative">
						<div class="icon-erwei absolute">
							<img src="img/personal-erwei.png" />
						</div>
						<div class="personal-vipbook">
							<div class="personal-line">开通网易严选超级会员&nbsp;尊享8大专属特权</div>
							<div class="personal-line">限时30天免费体验</div>
							<div class="personal-line">(¥149开通超级会员平均一年可省2034元)</div>
						</div>
					</div>
					<div class="personal-undone">
						<div class="undone-hd">
							<h3 class="clearfix">
								<span>未完成订单</span>
								<span>（1）</span>
								<a href="order-list.html">查看全部订单</a>
							</h3>
						</div>
						<div class="undone-hb">
							<table border="0" cellspacing="" cellpadding="">
								<thead></thead>
								<tbody>
									<tr>
										<td class="undone-col1 clearfix">
											<div class="picList fl clearfix">
												<a href="goods-details.html">
													<img src="img/undonepro1.png"/>
												</a>
											</div>
											<div class="express fl">
												<div class="cell">
													<span>包裹</span>
													<span>1</span>
												</div>
											</div>
											<div class="status fl">
												<div class="cell">
													<span style="color: #f33;">待付款</span>
												</div>
											</div>
										</td>
										<td class="undone-col2">
											<span>¥</span>
											<span>159.00</span>
										</td>
										<td class="undone-col3">
											<div class="payfor">
												<div style="margin-bottom: 4px;">
													<div class="payfora relative">
														<span style="padding-right: 5px;">付款</span>
														<span>00:00</span>
														<div class="payforahover absolute"></div>
													</div>
												</div>
												<div>
													<a href="#">查看详情</a>
												</div>
												<div>
													<a href="#" class="nopay">取消订单</a>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<td class="undone-col1 clearfix">
											<div class="picList fl clearfix">
												<a href="goods-details.html">
													<img src="img/undonepro1.png"/>
												</a>
											</div>
											<div class="express fl">
												<div class="cell">
													<span>包裹</span>
													<span>1</span>
												</div>
											</div>
											<div class="status fl">
												<div class="cell">
													<span style="color: #f33;">待付款</span>
												</div>
											</div>
										</td>
										<td class="undone-col2">
											<span>¥</span>
											<span>159.00</span>
										</td>
										<td class="undone-col3">
											<div class="payfor">
												<div style="margin-bottom: 4px;">
													<div class="payfora relative">
														<span style="padding-right: 5px;">付款</span>
														<span>00:00</span>
														<div class="payforahover absolute"></div>
													</div>
												</div>
												<div>
													<a href="#">查看详情</a>
												</div>
												<div>
													<a href="#" class="nopay">取消订单</a>
												</div>
											</div>
										</td>
									</tr>
									<tr>
										<td class="undone-col1 clearfix">
											<div class="picList fl clearfix">
												<a href="goods-details.html">
													<img src="img/undonepro1.png"/>
												</a>
											</div>
											<div class="express fl">
												<div class="cell">
													<span>包裹</span>
													<span>1</span>
												</div>
											</div>
											<div class="status fl">
												<div class="cell">
													<span style="color: #f33;">待付款</span>
												</div>
											</div>
										</td>
										<td class="undone-col2">
											<span>¥</span>
											<span>159.00</span>
										</td>
										<td class="undone-col3">
											<div class="payfor">
												<div style="margin-bottom: 4px;">
													<div class="payfora relative">
														<span style="padding-right: 5px;">付款</span>
														<span>00:00</span>
														<div class="payforahover absolute"></div>
													</div>
													
												</div>
												<div>
													<a href="#">查看详情</a>
												</div>
												<div>
													<a href="#" class="nopay">取消订单</a>
												</div>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer"></div>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/head-foot.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				//点击开眼隐藏礼品卡信息，点击闭眼显示礼品卡信息
				$(".icon-kaiyan").click(function() {
					$(this).siblings(".lipin-b").css("display", "none");
					$(this).siblings(".lipin-n").css("display", "block");
					$(this).css("display", "none");
					$(this).siblings(".icon-biyan").css("display", "block");
				});
				$(".icon-biyan").click(function() {
					$(this).siblings(".lipin-n").css("display", "none");
					$(this).siblings(".lipin-b").css("display", "block");
					$(this).css("display", "none");
					$(this).siblings(".icon-kaiyan").css("display", "block");
				});
				//去付款
				$(".payfora").click(function () {
					$(location).attr("href","shopping-pay.html");
				});
				//取消
				$(".nopay").click(function () {
					$(this).parents("tr").remove();
				});
			});
		</script>
	</body>

</html>